<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <ui:composition>
        <p:growl showDetail="true" id="messagesArqui"/>
        <p:fieldset id="caracteristicasGral" legend="Características generales">
            <h:panelGrid id="datosCaracteristicas" columns="4" width="100%" cellspacing="8" >
                <h:outputLabel for="tipoParcelacion" value="Tipo de Parcela:" />
                <h:selectOneMenu id= "tipoParcelacion" value="#{managerModificarExpediente.caracteristicasActual.parcelaSeleccionada}">
                    <f:selectItems value="#{managerModificarExpediente.catalogos.listaParcela}"/>
                </h:selectOneMenu>
                <h:outputLabel for="linea" value="Línea:" />
                <h:selectOneMenu id="linea" value="#{managerModificarExpediente.caracteristicasActual.lineaSeleccionada}">
                    <f:selectItems value="#{managerModificarExpediente.catalogos.listaLinea}"/>
                </h:selectOneMenu>
                <h:outputLabel for="construccion" value="Construcción:" />
                <h:selectOneMenu id= "construccion" value="#{managerModificarExpediente.caracteristicasActual.construccionSeleccionada}">
                    <f:selectItems value="#{managerModificarExpediente.catalogos.listaConstruccion}"/>
                </h:selectOneMenu>
                <h:outputLabel for="tipologiaFachada" value="Tipología Fachada:" />
                <h:selectOneMenu id="tipologiaFachada" value="#{managerModificarExpediente.caracteristicasActual.fachadaSeleccionada}">
                    <f:selectItems value="#{managerModificarExpediente.catalogos.listaFachada}"/>
                </h:selectOneMenu>
            </h:panelGrid>
        </p:fieldset>
        <br/>
        <p:fieldset id="datosAlturas" legend="Definición de alturas" >
            <h:outputLabel for="numNiveles" value="Número de niveles: "/>
                <h:selectOneMenu id="numNiveles" value="#{managerModificarExpediente.caracteristicasActual.nivelSeleccionado}">
                    <f:ajax event="change" execute="@this alturasPisos" listener="#{managerModificarExpediente.filtrarAlturas}" render="alturasPisos"/>
                    <f:selectItem itemLabel="1 nivel" itemValue="1"/>
                    <f:selectItem itemLabel="2 Niveles" itemValue="2"/>
                    <f:selectItem itemLabel="3 Niveles" itemValue="3"/>
                </h:selectOneMenu>
            <h:panelGrid id="alturasPisos" columns="4" width="100%" cellspacing="8" >
                <h:outputLabel for="alturaAlero" value="Altura alero techo"/>
                <h:inputText id="alturaAlero" value="#{managerModificarExpediente.caracteristicasActual.alero}" onkeypress="return acceptNumDecimal(event);"/>
                <h:outputLabel for="alturaCumbrera" value="Altura cumbrera:"/>
                <h:inputText id="alturaCumbrera" value="#{managerModificarExpediente.caracteristicasActual.cumbrera}"  onkeypress="return acceptNumDecimal(event);"/>
                <h:outputLabel for="altura1" value="Altura entrepiso 1:" rendered="#{managerModificarExpediente.enableAltura1}"/>
                <h:inputText id="altura1" value="#{managerModificarExpediente.caracteristicasActual.altura1}" rendered="#{managerModificarExpediente.enableAltura1}" onkeypress="return acceptNumDecimal(event);"/>
                <h:outputLabel for="altura2" value="Altura entrepiso 2:" rendered="#{managerModificarExpediente.enableAltura2}"/>
                <h:inputText id="altura2" value="#{managerModificarExpediente.caracteristicasActual.altura2}" rendered="#{managerModificarExpediente.enableAltura2}" onkeypress="return acceptNumDecimal(event);"/>
            </h:panelGrid>
        </p:fieldset>
        <br/>
        <p:fieldset id="areasDistribucion" legend="Áreas y distribuciones">
            <h:panelGrid id="datosPick" columns="2" width="100%" cellspacing="8">
                <h:outputLabel for="areasExteriores" value="Áreas exteriores:" />
                <p:pickList  id="areasExteriores" value="#{managerModificarExpediente.caracteristicasActual.areas}" var="item" itemLabel="#{item}" itemValue="#{item}" addLabel="Agregar" addAllLabel="Agregar todos" removeLabel="Remover" removeAllLabel="Remover todos"/>
                <h:outputLabel for="distribucionPlanta" value="Distribución en planta:" />
                <p:pickList id="distribucionPlanta" value="#{managerModificarExpediente.caracteristicasActual.plantas}" var="itemplanta" itemLabel="#{itemplanta}" itemValue="#{itemplanta}" addLabel="Agregar" addAllLabel="Agregar todos" removeLabel="Remover" removeAllLabel="Remover todos"/>
            </h:panelGrid>
        </p:fieldset>
        <br/>
        <p:fieldset id="observacionesGral" legend="Observaciones">
            <h:panelGrid columns="1" width="100%" cellspacing="8" >
                <h:outputLabel for="observacionArquitectonica" value="Introduzca la observación para las características arquitectónicas :" />
                <h:inputTextarea id="observacionArquitectonica" value="#{managerModificarExpediente.caracteristicasActual.observacion}" style="width: 750px; height: 150px;" >
                </h:inputTextarea>
            </h:panelGrid>
        </p:fieldset>
        <br/>
        <p:commandButton image="ui-icon ui-icon-disk" value="Guardar" action="#{managerModificarExpediente.guardarCaracteristicasArquitectonicas}" process="@this caracteristicasGral datosAlturas areasDistribucion observacionesGral" update="messagesArqui"/>
    </ui:composition>
</html>


